<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8"></meta>
<script type="text/javascript" src="/js/vue.js"></script>
<title>Vue.js</title>
</head>
<body>
	<h1>propsData Option</h1>
	<hr></hr>
	<header></header>
	
	<script type="text/javascript">
		var header_a = Vue.extend({
			template:`<p>{{message}}--{{a}}</p>`,
			data:function(){
				return{
					message:'Hello I am Header'
				}
			},
			props:['a']
		});
		
		new header_a({propsData:{a:1}}).$mount('header')
	</script>
</body>
</html>